<!-- 弹框表单-370 -->
<template>
  <el-dialog :visible.sync="params.show" @open="init" :before-close="cancel" class="dialog-form" width="370px">
    <DialogFormTitle slot="title" title="表单1列" />
    <el-form :model="formData" ref="formData" :inline="true" label-width="100px" label-position="left">
      <el-form-item label="输入框" prop="xxx1" :rules="[{ required: true, message: '不能为空' }]">
        <Input v-model.trim="formData.xxx1" />
      </el-form-item>
      <el-form-item label="数字框" prop="xxx2" :rules="[{ required: true, message: '不能为空' }]">
        <InputNumber v-model.trim="formData.xxx2" />
      </el-form-item>
      <el-form-item label="时间选择" prop="xxx3" :rules="[{ required: true, message: '不能为空' }]">
        <DatePicker v-model="formData.xxx3" />
      </el-form-item>
      <el-form-item label="下拉框" prop="xxx4">
        <Select v-model="formData.xxx4" :options="DISABLE" />
      </el-form-item>
      <el-form-item label="文本域" prop="xxx5">
        <Textarea v-model.trim="formData.xxx5" />
      </el-form-item>
    </el-form>
    <span slot="footer">
      <el-button type="info" @click="cancel">关 闭</el-button>
      <el-button type="primary">确 定</el-button>
    </span>
  </el-dialog>
</template>

<script>
import mixin from '@/mixin/dialog-form'
import { DISABLE } from '@/constants/basic-data'

export default {
  mixins: [mixin],
  props: {
    params: {
      type: Object,
      required: true
    }
  },
  data() {
    return {
      DISABLE
    }
  },
  methods: {
  }
}
</script>
